import Toast from "@/components/Toast/Toast";
import ReactDOM from "react-dom";

// 显示Toast的函数
export function showToast(message:string) {
    // 创建toast的DOM容器，确保只创建一次
    if (!document.getElementById('toast-container')) {
      const container = document.createElement('div');
      container.id = 'toast-container';
      document.body.appendChild(container);
    }
   
    // 使用ReactDOM将Toast组件渲染到容器中
    const toastContainer = document.getElementById('toast-container') as HTMLElement;
    ReactDOM.render( <Toast message={message}/>,toastContainer);
   
    // 如果需要，可以在一定时间后移除Toast
    setTimeout(() => {
      ReactDOM.unmountComponentAtNode(toastContainer);
    }, 3000); // 例如3秒后移除
  }